body{padding:0;margin:0;font-size:12px;font-family:"微软雅黑";background:#0b5757 url(../images/bg.jpg) no-repeat;width:100%;height:100%}
body,html{overflow:hidden}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#7699b9;border-radius:8px}
::-webkit-scrollbar-thumb{background:#dff5f5;border-radius:8px}
ul,p,img{padding:0;margin:0}
li{list-style:none}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
a{text-decoration:none}
img{max-width:100%;border:0}
.head-top{background:#e7e9eb;height:30px;line-height:30px;width:100%;position:relative}
.head-top-l{color:#050505;float:left;font-family:arial;font-size:16px;font-weight:bold;padding-left:5px}
.head-top-r{float:right}
.logo{background:url(../images/logo.png) no-repeat;width:48px;height:17px;position:absolute;right:10px;bottom:10px}
.logo-a{background:url(../images/logo.png) no-repeat;width:48px;height:17px;position:absolute;left:10px;bottom:10px}
.header-title{height:58px;line-height:58px;background:#dadada;color:#1b1b1b;font-size:32px;position:relative}
.header-title span{text-align:center;display:inline-block;width:100%}
.container{position:relative}
.col-l{width:538px;background:url(../images/z-lbg.png) no-repeat;height:712px;position:relative}
.col-la{margin-left:-82px}
.col-r{width:742px;position:absolute;top:0;left:538px}
.col-ra{font-size:48px;color:#fff;padding:30px 0 4px 55px}
.col-rb{background:url(../images/z-rbg.png) no-repeat;height:682px;padding-top:30px}
.col-rb-pub{width:692px;margin-left:50px}
.col-rb-bg{cursor:pointer;font-size:20px;color:#fff;text-shadow:1px 0 2px #323232;background:url(../images/btn-01.png) no-repeat;width:610px;height:71px;line-height:75px;margin-bottom:10px}
.col-rb-bg img{float:left;padding:20px 10px 0 100px}
.col-rb-bgl{cursor:pointer;position:relative;float:left;font-size:20px;color:#fff;text-shadow:1px 0 2px #323232;background:url(../images/btn-02.png) no-repeat;width:280px;height:71px;line-height:75px;margin-bottom:10px}
.col-rb-bgl img{float:left;padding:20px 10px 0 20px}
.col-rb-bgll{margin-left:40px}
.col-r-hide{display:none;position:relative}
.push-a{display:none;background:rgba(203,235,255,0.95);border-radius:16px;position:absolute;z-index:999;width:500px;top:100px;left:50%;margin-left:-250px;animation:zoomInDown 1.2s;-webkit-animation:zoomInDown 1.2s}
.push-aa{text-align:right;padding:10px 20px 10px 0;font-size:16px;cursor:pointer;background:rgba(146,214,255,0.8);border-top-left-radius:16px;;border-top-right-radius:16px}
.push-ab{padding:20px 10px 20px 0;text-align:center;font-size:18px}
.push-ab b{padding:0 5px;color:#c60000}
.push-a a{color:#333333}
.col-del{display:none;animation:tada 1s;-webkit-animation:tada 1s;cursor:pointer;background:url(../images/main-del.png) no-repeat;width:36px;height:36px;position:absolute;z-index:99;bottom:-10px;right:-10px}
.col-button{position:absolute;right:50px;margin-top:-54px}
.button-add{background:linear-gradient(to bottom,#4cd2f2,#3a9df1);box-shadow:0 0 4px #535353;display:inline-block;font-size:18px;padding:10px 26px;color:#fff;border-radius:4px}
.button-qx{background:linear-gradient(to bottom,#f3be1b,#c99904);box-shadow:0 0 4px #535353;display:inline-block;font-size:18px;padding:10px 26px;color:#fff;border-radius:4px}
.help-icon{position:absolute;right:0;top:0}
/*旋转代码*/
.feature-presenter{position:absolute}
.feature-presenter-icon{
	text-align:center;
	transition:transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	cursor: pointer
}
.feature-presenter img{
	max-width: 100%;
	transition: transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	cursor: pointer;
	filter: blur(0px);
	-webkit-filter: blur(0px);
	image-rendering: -webkit-optimize-contrast
}
.feature-presenter i{font-size:85px}
.feature-presenter-text-container {
	line-height: 1.3;
	display: inline-block;
	vertical-align: top;
	z-index: 1001;
	position: relative;
	overflow: hidden
}
.feature-presenter-text-container-out {
	-webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transition: -webkit-transform 0.5s ease-in;
    transition: transform 0.5s ease-in
}
/*交互式培训*/
.interactive-l{float:left;background:url(../images/interactive-l-bg.png) no-repeat;width:303px;height:548px;margin:128px 0 0 30px}
.interactive-r{float:left;width:918px}
.interactive-ra{color:#fff;font-size:36px;padding:16px 0 0 38px}
.interactive-rb{background:url(../images/interactive-r-bg.png) no-repeat;width:918px;height:627px;margin:14px 0 0 0}
.swiper-container{height:100%}
.interactive-la{width:279px;margin:25px 0 25px 35px;height:498px;overflow-y:auto}
.interactive-la li{background:url(../images/interactive-nav.png) no-repeat;width:234px;padding:0 10px;height:59px;line-height:59px;font-size:24px;color:#fff;text-align:center;margin-top:3px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.interactive-la li.active{background:url(../images/interactive-nav-selected.png) no-repeat;width:254px;height:59px}
.interactive-rba{border-bottom:2px solid #137dc2;width:804px;margin-left:40px;height:62px;padding-top:40px}   
.interactive-rba li{float:left;height:62px;line-height:62px;cursor:pointer;font-size:24px;color:#353535;background:#f4f6f9;padding:0 16px;margin:0 3px;border-top-left-radius:5px;border-top-right-radius:5px}
.interactive-rba li.active{background:#137dc2;color:#fff}
.interactive-rbba{width:732px;margin:0 auto;display:none}
.interactive-rbba li{
	cursor:pointer;
	float:left;
	width:204px;
	height:156px;
	text-align:center;
	font-size:22px;
	color:#fff;
	text-shadow:1px 0 2px #323232;
	margin:40px 0 25px 37px;
     animation: cd-move-in 0.4s
}
.interactive-rbba li span{padding-top:115px;display:inline-block;padding-left:12px}
.interactive-rbba li:nth-of-type(1){
  background:url(../images/interactive-icon-01.png) no-repeat;
  animation-delay: 0.1s
}
.interactive-rbba li:nth-of-type(2){
  background:url(../images/interactive-icon-02.png) no-repeat;
  animation-delay: 0.15s
}
.interactive-rbba li:nth-of-type(3){
  background:url(../images/interactive-icon-03.png) no-repeat;
  animation-delay: 0.25s
}
.interactive-rbba li:nth-of-type(4){
  background:url(../images/interactive-icon-04.png) no-repeat;
  animation-delay: 0.3s
}
.interactive-rbba li:nth-of-type(5){
  background:url(../images/interactive-icon-05.png) no-repeat;
  animation-delay: 0.35s
}
.interactive-rbba li:nth-of-type(6){
  background:url(../images/interactive-icon-06.png) no-repeat;
  animation-delay: 0.4s
}
.nav-bottom-show{background:url(../images/btn-show.png) no-repeat;width:56px;height:56px;position:absolute;bottom:5px;right:5px;cursor:pointer;z-index:10;animation:change 3s linear infinite}
.nav-bottom-content{display:none;background:rgba(0,0,0,0.8);width:240px;position:absolute;right:0;bottom:0;height:420px;z-index:9;border-top-left-radius:20px}
.nav-bottom-content li{padding:17px 0;font-size:20px;color:#fff;margin-left:30px}
.nav-bottom-content li img{float:left}
.nav-bottom-content li p{line-height:30px;padding-left:10px;display:inline-block}
@keyframes change{
   from{transform:rotate(0deg)}
   to{transform:rotate(360deg)}
}
/*电池电量*/
.head-top-rl,.head-top-rm,.head-top-rr{float:left}
.green-battery .head-top-rl{color:#040404;font-size:18px;font-family:arial}
.green-battery .head-top-rm{border:1px solid #01aa01;width:22px;height:14px;margin:7px 0 0 6px}
.green-battery .head-top-rm div{background:#01aa01;height:14px}
.green-battery .head-top-rr{width:3px;height:4px;background:#01aa01;margin:13px 10px 0 0}
.red-battery .head-top-rl{color:#040404;font-size:18px;font-family:arial}
.red-battery .head-top-rm{border:1px solid #a21f1f;width:22px;height:14px;margin:7px 0 0 6px}
.red-battery .head-top-rm div{background:#cf000a;height:14px}
.red-battery .head-top-rr{width:3px;height:4px;background:#a21f1f;margin:13px 10px 0 0}

.col-rb-bg{animation:nav-move-in 0.4s}
.col-rb-bg:nth-of-type(1){animation-delay:0.1s}
.col-rb-bg:nth-of-type(2){animation-delay:0.15s}
.col-rb-bg:nth-of-type(3){animation-delay:0.25s}
.col-rb-bg:nth-of-type(4){animation-delay:0.3s}
.col-rb-bg:nth-of-type(5){animation-delay:0.35s}
.col-rb-bg:nth-of-type(6){animation-delay:0.4s}
.col-rb-bgl{animation: col-move-in 0.8s}
.col-rb-bgl:nth-of-type(1){animation-delay:0.1s}
.col-rb-bgl:nth-of-type(2){animation-delay:0.15s}
.col-rb-bgl:nth-of-type(3){animation-delay:0.25s}
.col-rb-bgl:nth-of-type(4){animation-delay:0.3s}
.col-rb-bgl:nth-of-type(5){animation-delay:0.35s}
.col-rb-bgl:nth-of-type(6){animation-delay:0.4s}
.col-rb-bgl:nth-of-type(7){animation-delay:0.45s}
.col-rb-bgl:nth-of-type(8){animation-delay:0.5s}
.col-rb-bgl:nth-of-type(9){animation-delay:0.55s}
.col-rb-bgl:nth-of-type(10){animation-delay:0.6s}
.col-rb-bgl:nth-of-type(11){animation-delay:0.65s}
.col-rb-bgl:nth-of-type(12){animation-delay:0.8s}
@keyframes cd-move-in{
  0%{transform: translateY(100vh)}
  65%{transform: translateY(-1.5vh)}
  100%{transform: translateY(0vh)}
}
@keyframes nav-move-in{
  0%{transform: translateY(100vh)}
  65%{transform: translateY(-1.5vh)}
  100% {transform: translateY(0vh)}
}
@keyframes col-move-in{
  0%{transform: translateX(100vh)}
  65%{transform: translateX(-1.5vh)}
  100%{transform: translateX(0vh)}
}
